<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="description" content="WebSocket示例： 获得服务器时间" />
    <meta name="author" content="周成功" />
    <title>WebSocket示例： 获得服务器时间</title>
    <link href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" rel="stylesheet">
    <link href="/webjars/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="/webjars/AceAdmin/v1.4.0/components/jquery-ui.custom/jquery-ui.custom.min.css" rel="stylesheet">
    <link href="/webjars/AceAdmin/v1.4.0/css/ace-fonts.min.css" rel="stylesheet">
    <link href="/webjars/AceAdmin/v1.4.0/css/ace.min.css" rel="stylesheet">
    <link href="/webjars/AceAdmin/v1.4.0/components/chosen/chosen.min.css" rel="stylesheet">
    <link href="/webjars/AceAdmin/v1.4.0/components/jqGrid/css/ui.jqgrid-bootstrap.css" rel="stylesheet">
    <link href="/webjars/bootstrap-daterangepicker/2.1.27/daterangepicker.css" rel="stylesheet">
    <link href="/webjars/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.min.css" rel="stylesheet">
    <link href="/webjars/bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet">
    <link href="/webjars/Common56/v3.0/css/common_base.css" rel="stylesheet">
</head>
<body class="page-content">

<div>
    <div class="form-group">
        <div class="col-sm-12 text-center">
            <button id="connect" onclick="connect();">连接</button>
            <button id="disconnect" onclick="disconnect();">断开连接</button>
            <button id="serverTimeId" onclick="getServerTime();">获取服务器端时间</button>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-12">
            <hr/>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-6" id="showServerTime"></div>
        <div class="col-sm-6" id="showLog"></div>      
    </div>
</div>



<script src="/webjars/jquery/1.12.4/jquery.min.js"></script>
<script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>
<script src="/webjars/moment/2.21.0/min/moment.min.js"></script>
<script src="/webjars/moment/2.21.0/locale/zh-cn.js"></script>
<script src="/webjars/AceAdmin/v1.4.0/js/ace.min.js"></script>
<script src="/webjars/AceAdmin/v1.4.0/js/ace-elements.min.js"></script>
<script src="/webjars/AceAdmin/v1.4.0/components/chosen/chosen.jquery.min.js"></script>
<script src="/webjars/AceAdmin/v1.4.0/components/jqGrid/js/jquery.jqGrid.js"></script>
<script src="/webjars/AceAdmin/v1.4.0/components/jqGrid/js/i18n/grid.locale-cn.js"></script>
<script src="/webjars/AceAdmin/v1.4.0/components/jquery-ui.custom/jquery-ui.custom.min.js"></script>
<script src="/webjars/bootstrap-daterangepicker/2.1.27/daterangepicker.js"></script>
<script src="/webjars/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
<script src="/webjars/bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"></script>
<script src="/webjars/bootstrapvalidator/0.5.3/js/language/zh_CN.js"></script>
<script src="/webjars/echarts/3.8.5/dist/echarts.common.min.js"></script>
<script src="/webjars/echarts/3.8.5/theme/vintage.js"></script>
<script src="/webjars/sockjs-client/1.1.4/dist/sockjs.min.js"></script>
<script src="/webjars/stomp-websocket/2.3.3-1/stomp.min.js"></script>
<script src="/webjars/Common56/v3.0/js/patch/jqGrid.js"></script>
<script src="/webjars/Common56/v3.0/js/common_base.js"></script>
<script src="./js/index.js"></script>
</body>
</html>